/* Main widget settings */
#irctcWidget {
position:fixed;
right:10px;
bottom:10px;
min-width:450px;
font:16px serif;
}

/* Widget header settings */
#widgetHeader{
height:23px;
text-align:center;
}

.widgetHeadingNFooter {
font-family:museo-slab-1,museo-slab-2,"Palatino Linotype","Book Antiqua",Palatino,serif;
font-size:17px;
font-weight:700;
}

#smartView{
background-color:#F5E99E;
border-left:1px solid;
font-family:Trebuchet MS;
padding:0 5px 0 5px;
width:10%;
}

#smartView:hover{
background-color:#F1D34E;
}

/* Widget content settings */
#widgetContent{
background-color:white;
}

/* Widget Content Header settings */
#widgetContentHeader{
text-align:center;
z-index:1;
border-left:1px solid;
border-right:1px solid;
}

/* Columns setting for both content header and body elements */
#widgetContentHeader .trainNoCol {
width:13%;
font-weight:bold;
background-color:#F52887;
/* border-bottom:1px double #FFFF00; */
border:none;
padding:0;
color:white;
}

#widgetContentHeader .trainNameCol {
width: 43%;
background-color:#00CC00;
font-weight:bold;
border:none;
padding:0;
color:white;
}

#widgetContentHeader .trainStatusCol {
width: 44%;
border:none;
background-color:#762CA7;
font-weight:bold;
color:white;
padding:0;
cursor:pointer;
}

/* Widget content body style */
.trainNoCol {
float:left;
width:13%;
height:20px;
border-right:1px solid #C9BA17;
border-bottom:1px solid #F52887;
padding-right:1px;
}

.trainNameCol {
float: left;
width: 44%;
height:20px;
border-right:1px solid #C9BA17;
border-bottom:1px solid #00CC00;
padding-right:3px;
}

.trainStatusCol {
float: left;
width: 41%;
height:20px;
border-bottom:1px solid #762CA7;
}

/* Widget content body settings */
#widgetContentBody {
height:100px;
text-align:center;
overflow-y:scroll;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
}

#widgetContentBody div:hover{
cursor:pointer;
background-color:#F9C581;
}

.clear {
clear:both;
}

/* Widget Header settings */

.headerMinimized {
background-color:#F1BFD8;
border:1px solid #f52887;
}

.headerMaximized {
background-color:#cce5ed;
border:1px solid #39c;
}
 
.noDisplay {
display:none;
}

/* Widget header image settings both for maximize and minimize */
#widgetHeaderImg {
border-left:1px solid #000;
padding:3px 6px;
}

#widgetContent img {
border:0;
}

/* Train class selector related settings */
#classSelectorMenu {
list-style:none;
position:absolute;
margin:0 0 0 20px;
padding:0;
}

#classSelectorMenu li {
float:left;
background-color:gray;
display:block;
cursor:pointer;
margin:0;
padding:0 5px;
}

#classSelectorMenu li:hover {
background-color:#90EE90;
color:#FFF;
}

.liSelected {
background-color:green!important;
color:#FFF!important;
}

/* Widget footer settings */
#widgetFooter {
background-color:#CCE5ED;
border:1px solid #3399CC;
height:23px;
text-align:center;
}

/* Misc settings */
#widgetHeader, #classSelector {
cursor:pointer;
}